
// 字体颜色
@each $style in (primary $color-text-primary, secondary $color-text-secondary, tertiary $color-text-tertiary, quaternary $color-text-quaternary) {
    [font-#{nth($style, 1)}] {
      color: #{nth($style, 2)};
    }
  }

// 背景色
@each $style in (primary $background-color-primary,secondary $background-color-secondary,tertiary $background-color-tertiary) {
    [bg-#{nth($style,1)}]{
        background-color: #{nth($style,2)};
    }
    
}

// 生成不同透明度的背景色
@each $i in 0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1 {
    [bga#{$i*10}]{
        background-color: rgba(0,0,0,$i);
    }
}